<script type="text/javascript" >
$(document).ready(function() {
    $("#tabs").tabs();
    GetMoviesIMustSee("{{profile.nickname}}");
    GetMoviesIveSeen("{{profile.nickname}}");
    GetMoviesIAdded("{{profile.nickname}}");
 });
</script>
<div id="tabs">
    <ul>
        <li><a href="#mustsee"><span>I must see</span></a></li>
        <li><a href="#seen"><span>I've seen</span></a></li>
        <li><a href="#added"><span>I added</span></a></li>
       	{% ifequal myprofile.user profile.user %}  <li style="float:right"><a href="#settings"><span>Settings</span></a></li> {% endifequal %}
    </ul>
    <div id="mustsee"></div>
    <div id="seen"></div>
    <div id="added"></div>
    {% ifequal myprofile.user profile.user %}
    <div id="settings">
        <form method='post'> 
            <div>
                Nickname: {{profile.nickname}}
            </div>
            <div>
                Privacy: 
                <select name='privacy'>
                    <option value='everyone' {% ifequal profile.privacy 'everyone' %}selected='selected'{% endifequal %}>Everyone can see my profile</option>
                    <option value='members' {% ifequal profile.privacy 'members' %}selected='selected'{% endifequal %} >Members can see my profile</option>
                    <option value='nobody' {% ifequal profile.privacy 'nobody' %}selected='selected'{% endifequal %}>Nobody can see my profile</option>
                </select>
            </div>
            <div>
                <input type='submit' value='Update Settings'/>
            </div>
        </form>
    </div>
	{% endifequal %}
</div>

